window.onload = function() {
    // 表单验证的函数
    function regexp(ele, reg) {
        ele.onblur = function() {
            if (reg.test(ele.value)) {
                // console.log('正确');
                this.parentNode.nextElementSibling.className = 'success';
                this.parentNode.nextElementSibling.innerHTML = '<i class="success_icon"></i> 输入正确'
            } else {
                // console.log('不正确');
                this.parentNode.nextElementSibling.className = 'error';
                this.parentNode.nextElementSibling.innerHTML = '<i class="error_icon"></i> 格式错误，请从新输入'
            }
        };
    };
    // 手机号验证
    var regTel = /^1[3|4|5|7|8|9]\d{9}$/; //手机号码的正则表达式
    var tel = document.querySelector('#tel');
    regexp(tel, regTel); //调用表单验证函数
    // 短信验证码
    var regMsg = /^\d{6}$/; //短信验证码的正则表达式
    var msg = document.querySelector('#msg');
    regexp(msg, regMsg); //调用表单验证函数
    // 昵称验证
    var n = document.querySelector("#name");
    var regN = /^[\u4e00-\u9fa5]{2,8}$/; //中文汉字的正则表达式
    regexp(n, regN); //调用表单验证函数
    // qq号验证
    var regQq = /^[1-9]\d{4,}$/; //qq号的正则表达式
    var qq = document.querySelector("#qq");
    regexp(qq, regQq); //调用表单验证函数
    // 密码验证
    var regPwd = /^[A-Za-z0-9-_]{6,16}$/;
    var pwd = document.querySelector('#pwd');
    regexp(pwd, regPwd); //调用表单验证函数
    // 密码确认
    var suerPwd = document.querySelector('#suerpwd');
    suerPwd.onblur = function() {
        if (this.value == pwd.value) {
            this.parentNode.nextElementSibling.className = 'success';
            this.parentNode.nextElementSibling.innerHTML = '<i class="success_icon"></i> 输入正确'
        } else {
            this.parentNode.nextElementSibling.className = 'error';
            this.parentNode.nextElementSibling.innerHTML = '<i class="error_icon"></i> 两次密码输入不一致'
        }
    }
}